<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta name="renderer" content="webkit">
    <meta content="歪秀购物, 购物, 大家电, 手机" name="keywords">
    <meta content="歪秀购物，购物商城。" name="description">
    <title>我的收藏</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/myFile/imgold/icon/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/member.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/home.css}">
    <script type="text/javascript" th:src="@{/theme/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.all.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/delCartOnPages.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/searchToPage.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/paging.js}"></script>
    <script type="text/javascript">
          $(document).ready(function () {
              var data = $("#cartIdNull").val();
            $("#test").mouseover(function () {
                if(data=='notNull'){
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['19%','60%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }else{
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['20%','20%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }
            });

        });
        (function (a) {
            a.fn.hoverClass = function (b) {
                var a = this;
                a.each(function (c) {
                    a.eq(c).hover(function () {
                        $(this).addClass(b)
                    }, function () {
                        $(this).removeClass(b)
                    })
                });
                return a
            };
        })(jQuery);

        $(function () {
            $("#pc-nav").hoverClass("current");
        });
    </script>

    <script>
        function CommodityCollectcheckAll(check) {
            var ccc = $(".ccc");
            if (check.checked) {
                for (var i = 0; i < ccc.length; i++) {
                    ccc[i].checked = true;
                }
            } else {
                for (var i = 0; i < ccc.length; i++) {
                    ccc[i].checked = false;
                }
            }
        }

        function storeCollectcheckAll(check) {
            var csc = $(".csc");
            if (check.checked) {
                for (var i = 0; i < csc.length; i++) {
                    csc[i].checked = true;
                }
            } else {
                for (var i = 0; i < csc.length; i++) {
                    csc[i].checked = false;
                }
            }
        }

        $(function () {
            $("#H-table li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over").hide();
                        $(".H-over:eq(" + _index + ")").show();
                    }
                })(i));
            });
            $("#H-table1 li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over1").hide();
                        $(".H-over1:eq(" + _index + ")").show();
                    }
                })(i));
            });
        });

        function addToCart(commodityId) {
            console.log(commodityId);


            $.ajax({
                url: "/cart/addToCart",
                dataType: "json",
                data: {
                    "commodityId": commodityId,
                    "specificationId": -1,
                    "commodityCount": -1
                },
                async: false,
                success: function (data) {
                    if (data["result"] == "ok") {
                        layer.msg('添加成功', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "fail") {
                        layer.msg('添加失败', {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else if (data["result"] == "noSession") {
                        layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                            window.location = "login";
                        });
                    } else if (data["result"] == "exit") {
                        layer.msg('添加成功,购物车数量+'+data["addCount"], {time: 1000}, function () {
                            window.location.reload();
                        });
                    } else {
                        layer.msg('系统错误', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });

        }

        /**
         * 删除单个收藏商品
         */
        function btn_delCommodityCollect(commodityCollectId) {
            layer.confirm('确定要删除所选记录吗？', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                $.ajax({
                    url: "/collect/delCommodityCollect",
                    dataType: "json",
                    data: {"commodityCollectId": commodityCollectId},
                    async: false,
                    success: function (data) {
                        if (data["result"] == "ok") {
                            layer.msg('移除成功', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "fail") {
                            layer.msg('移除失败', {time: 1000}, function () {
                                window.location.reload();
                            });
                        } else if (data["result"] == "noSession") {
                            layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                window.location = "login";
                            });
                        } else {
                            layer.msg('系统错误', {time: 1000}, function () {
                                window.location.reload();
                            });
                        }
                    },
                    type: "post"
                });
            }, function () {
                layer.msg('已取消', {time: 1000});
            });
        }

        /**
         * 删除所选收藏商品
         */
        function btn_delCheckedCommodityCollect() {
            var allCheckId = "";
            var cartsId = $(".ccc");
            var arrayi = 0;
            var isChecked = false;
            for (var i = 0; i < cartsId.length; i++) {
                if (cartsId[i].checked) {
                    isChecked = true;
                    allCheckId = allCheckId + cartsId[i].id + ",";
                    arrayi++;
                }
            }
            allCheckId = allCheckId.substring(0, allCheckId.length - 1);
            if (isChecked) {
                console.log(allCheckId);
                layer.confirm('确定要删除所选记录吗？', {
                    btn: ['确定', '取消'] //按钮
                }, function () {
                    $.ajax({
                        url: "/collect/delCheckedCommodityCollect",
                        dataType: "json",
                        data: {"allCheckId": allCheckId},
                        async: false,
                        success: function (data) {
                            if (data["result"] == "ok") {
                                layer.msg('移除成功', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            } else if (data["result"] == "fail") {
                                layer.msg('移除失败', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            } else if (data["result"] == "noSession") {
                                layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                    window.location = "login";
                                });
                            } else if (data["result"] == "isNull") {
                                layer.msg('您还未做任何选择', {time: 1000}, function () {
                                });
                            } else {
                                layer.msg('系统错误', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            }
                        },
                        type: "post"
                    });
                }, function () {
                    layer.msg('已取消', {time: 1000});
                });
            } else {
                layer.msg('您还未做任何选择', {time: 1000}, function () {
                });
            }

        }

function logout() {
    $.ajax({
        url: "/user/logout",
        dataType: "json",
        data: {},
        async: false,
        success: function (data) {
            if (data["result"] == "ok") {
                layer.msg('退出成功', {time: 1000}, function () {
                    window.location="index" ;
                });
            } else if (data["result"] == "fail") {
                layer.msg('您还没有登录哦~', {time: 1000}, function () {
                    window.location.reload();
                });
            }
        },
        type: "post"
    });
}
        /**
         * 将选中商品添加到购物车
         */
        function btn_addCheckedCommodityCollectToCart() {
            var allCheckId = "";
            var specificationId = $(".ccc");
            var arrayi = 0;
            var isChecked = false;
            for (var i = 0; i < specificationId.length; i++) {
                if (specificationId[i].checked) {
                    isChecked = true;
                    allCheckId = allCheckId + specificationId[i].name + ",";
                    arrayi++;
                }
            }
            allCheckId = allCheckId.substring(0, allCheckId.length - 1);
            if (isChecked) {
                console.log(allCheckId);
                $.ajax({
                    url: "/cart/addCheckedCart",
                    dataType: "json",
                    data: {"allCheckId": allCheckId,"idType": 2},
                    async: false,
                    success: function (data) {
                        if (data["result"] == "ok") {
                            layer.msg('添加成功', {time: 1000}, function () {
                            });
                        } else if (data["result"] == "fail") {
                            layer.msg('添加失败,共'+data["all"]+'条记录，'+data["errors"]+'条失败！', {time: 1000}, function () {
                            });
                        } else if (data["result"] == "exit") {
                            layer.msg('添加成功,共'+data["all"]+'条记录，'+data["haves"]+'条记录+1！', {time: 1000}, function () {
                            });
                        } else if (data["result"] == "noSession") {
                            layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                window.location = "login";
                            });
                        } else if (data["result"] == "isNull") {
                            layer.msg('您还未做任何选择', {time: 1000}, function () {
                            });
                        } else {
                            layer.msg('系统错误', {time: 1000}, function () {
                                window.location.reload();
                            });
                        }
                    },
                    type: "post"
                });
            }else {
                layer.msg('您还未做任何选择', {time: 1000}, function () {
                });
            }
        }

        /**
         * 删除所选收藏店铺
         */
        function btn_delCheckedStore() {
            var allCheckId = "";
            var cartsId = $(".csc");
            var arrayi = 0;
            var isChecked = false;
            for (var i = 0; i < cartsId.length; i++) {
                if (cartsId[i].checked) {
                    isChecked = true;
                    allCheckId = allCheckId + cartsId[i].id + ",";
                    arrayi++;
                }
            }
            allCheckId = allCheckId.substring(0, allCheckId.length - 1);
            if (isChecked) {
                console.log(allCheckId);
                layer.confirm('确定要删除所选记录吗？', {
                    btn: ['确定', '取消'] //按钮
                }, function () {
                    $.ajax({
                        url: "/collect/delCheckedStoreCollect",
                        dataType: "json",
                        data: {"allCheckId": allCheckId},
                        async: false,
                        success: function (data) {
                            if (data["result"] == "ok") {
                                layer.msg('移除成功', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            } else if (data["result"] == "fail") {
                                layer.msg('移除失败', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            } else if (data["result"] == "noSession") {
                                layer.msg('登录失效，请重新登录', {time: 1000}, function () {
                                    window.location = "login";
                                });
                            } else if (data["result"] == "isNull") {
                                layer.msg('您还未做任何选择', {time: 1000}, function () {
                                });
                            } else {
                                layer.msg('系统错误', {time: 1000}, function () {
                                    window.location.reload();
                                });
                            }
                        },
                        type: "post"
                    });
                }, function () {
                    layer.msg('已取消', {time: 1000});
                });
            } else {
                layer.msg('您还未做任何选择', {time: 1000}, function () {
                });
            }

        }

    </script>
    <script>
        layui.use(['laypage', 'layer'], function () {
            var laypage = layui.laypage
                , layer = layui.layer;

        });
    </script>
</head>
<body>

 <input type="hidden" id="cartIdNull" th:value="${session.cartIsNull}">
<!--- header begin-->
<header id="pc-header">
    <div class="BHeader">
        <div class="yNavIndex">
            <ul class="BHeaderl">
                <li><a th:if="${session.userId}==null" th:href="@{/login}">请登录</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:if="${session.userId}==null" th:href="@{/register}">免费注册</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:href="@{/myOrder?pageNum=1&pageSize=5}" th:if="${session.userId}!=null">我的订单</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li><a th:href="@{#}" th:if="${session.userId}!=null">我的收藏</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li id="pc-nav" class="menu" th:if="${session.userId}!=null" ><a th:href="@{#}" class="tit">我的淘淘</a>
                    <div class="subnav">
                        <a th:href="@{/accountSecurity}">账户安全</a>
                        <a th:href="@{/myAddress}">地址管理</a>
                        <a th:href="@{/myEvaluate?pageNum=1&pageSize=5}">我的评价</a>
                        <a th:href="@{/viewHistory?pageNum=1&pageSize=5}">浏览记录</a>
                    </div>
                </li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li th:if="${session.userId}!=null">
                    <a th:text="${session.userName}"></a>
                </li>
                <li th:if="${session.userId}!=null">
                    <img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''" onclick="javascript:window.location='myInfo'"  style=" width:30px;height:30px;">
                    <a href="javascript:logout()" style="float: right;">退出</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container clearfix" style="padding:20px 0 20px ">
        <div class="header-logo fl"><h1><a th:href="@{/index}" style="color:#ea4949;">
            <img th:src="@{/myFile/imgold/icon/logo1.png}" style="width:100px;height:80px;"><strong>淘淘商城</strong></a>
        </h1>
        </div>
        <div class="head-form fl">
            <form class="clearfix">
                <input type="text" class="search-text" id="searchKey" autocomplete="off" placeholder="手机">
                <button type="button" class="button" onclick="searchToPage();">搜索</button>
            </form>
            <div class="words-text clearfix">
                <a th:href="@{/#}" class="red">1元秒爆</a>
                <a th:href="@{/#}">低至五折</a>
                <a th:href="@{/#}">农用物资</a>
                <a th:href="@{/#}">买一赠一</a>
                <a th:href="@{/#}">佳能相机</a>
                <a th:href="@{/#}">稻香村月饼</a>
                <a th:href="@{/#}">服装城</a>
            </div>
        </div>
        <div class="header-cart fr" th:if="${session.userId}!=null">
            <a  th:href="@{/myCart?pageNum=1&pageSize=5}" target="_blank"
                style="height:30px;width:30px;float:right;margin-right:50px;"><img
                    id="test" src="../myFile/imgold/icon/car.png"></a>
            <i th:if="${session.cartIsNull}=='notNull'" class="head-amount" id="cartCountExist" th:text="${session.cartAllCount}"></i>
            <i th:if="${session.cartIsNull}=='null'" class="head-amount" id="cartCountUnExist">0</i>
        </div>
    </div>
    </div>
</header>
<!-- header End -->

<div class="containers"><div class="pc-nav-item"><a th:href="@{/index}">首页</a> &gt; <a th:href="@{#}">我的淘淘 </a> &gt; <a th:href="@{#}">我的收藏</a></div></div>

<!-- 商城快讯 begin -->
<section id="member">
    <div class="member-center clearfix">
        <div class="member-left fl">
            <div class="member-apart clearfix">
                <div class="fl"><a th:href="@{/#}"><img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''" onclick="javascript:window.location='myInfo'" ></a></div>
                <div class="fl">
                    <p>昵称：</p>
                    <p><a th:href="@{/#}" th:text="${session.userName}"></a></p>
                </div>
            </div>
            <div class="member-lists">
                <dl>
                    <dt>我的淘淘</dt>
                    <dd><a th:href="@{/myOrder?pageNum=1&pageSize=5}">我的订单</a></dd>
                    <dd class="cur"><a th:href="@{#}">我的收藏</a></dd>
                    <dd><a th:href="@{/accountSecurity}">账户安全</a></dd>
                    <dd><a th:href="@{/myEvaluate?pageNum=1&pageSize=5}">我的评价</a></dd>
                    <dd><a th:href="@{/myAddress}">地址管理</a></dd>
                    <dd><a th:href="@{/viewHistory?pageNum=1&pageSize=5}">浏览记录</a></dd>
                </dl>
                <dl>
                    <dt>客户服务</dt>

                     <dd><a th:href="@{/request}">退货/退款记录</a></dd>
                </dl>
                <dl>
                    <dt>我的消息</dt>
                    <dd><a th:href="@{/#}">商城快讯</a></dd>
                    <dd><a th:href="@{/#}">帮助中心</a></dd>
                </dl>
            </div>
        </div>
        <div class="member-right fr">
            <div class="member-head" style="background: #fff;">
                <div class="member-heels fl"><h2 style="color:black"><strong>我的收藏</strong></h2></div>
            </div>
            <div class="member-switch clearfix">
                <ul id="H-table" class="H-table">
                    <li class="cur"><a th:href="@{#}">我的收藏的商品</a></li>
                    <li><a th:href="@{#}">我收藏的店铺</a></li>
                </ul>
            </div>
            <div class="member-border">
                <div class="member-return H-over">

                    <div class="time-border-list pc-search-list member-all1 clearfix" style="padding:20px;">
                        <div th:if="${commodityCollectComs}!='noCollect'">
                            <ul class="clearfix">
                                <li style="padding:10px;" th:each="ccs : ${commodityCollectComs}">
                                    <input type="checkbox" class="ccc" th:id="${ccs.commodityCollectId}" th:name="${ccs.commodityId}">
                                        <a th:href="'/commodityInfo?commodityId='+${ccs.commodityId}+''">
                                            <img th:src="'/myFile/img/commodityPic/'+${ccs.comPicture}+''"
                                                 style="width:150px;height:160px;padding:10px;"/>
                                        </a>

                                    <div class="head-name"style="text-align:center;height:60px;"><a th:href="'/commodityInfo?commodityId='+${ccs.commodityId}+''"
                                                                                th:text="${ccs.name}"></a></div>
                                    <p style="text-align:center;padding:10px"><span>￥</span><span class="price" th:text="${ccs.comPrice}"></span></p>
                                    <div class="layui-btn-group" style="width:200px;">
                                        <button type="button"
                                                th:onclick="'javascript:addToCart('+${ccs.commodityId}+')' "
                                                class="layui-btn layui-btn-primary layui-btn-sm"
                                                style="border-left: 1px solid #C9C9C9;">
                                            <i class="layui-icon">&#xe657;</i>
                                        </button>
                                        <button type="button"
                                                th:onclick="'btn_delCommodityCollect('+${ccs.commodityCollectId}+')'"
                                                class="layui-btn layui-btn-primary layui-btn-sm"
                                                style="border-left: 1px solid #C9C9C9;float:right;">
                                            <i class="layui-icon">&#xe640;</i>
                                        </button>
                                    </div>
                                </li>
                            </ul>
                            <div class="member-troll clearfix"th:if="${commodityCollectComs}!='noCollect'">
                                <div class="member-check clearfix fr">
                                    <a th:href="'javascript:upPage(\'myCollect?'+'\','+${pageNum}+','+${pageSize}+')'"style="background:url(/myFile/imgold/icon/s-a3.png) no-repeat left;color:#ea4949;width:60px;height:26px">上一页</a>
                                    <span class="pc-search-t"><input type="text" style="width:50px;height:22px"id="inputpageNum" th:value="${pageNum}"><em>&nbsp/</em><i th:text="${comPageCount}"></i></span>
                                    <a th:href="'javascript:toPage(\'myCollect?'+'\','+${pageNum}+','+${pageSize}+','+${comPageCount}+',\'inputpageNum\')'"style="color:#005aa0;background:#fff;border:1px solid #cccccc;width:60px;height:26px;">go</a>
                                    <a th:href="'javascript:nextPage(\'myCollect?'+'\','+${pageNum}+','+${pageSize}+','+${comPageCount}+')'"style="background:url(/myFile/imgold/icon/s-a1.png) no-repeat right;color:#ea4949;width:60px;height:26px">下一页</a>
                                </div>
                            </div>
                            <div class="member-troll clearfix"style="border-bottom:none;">
                                <div class="member-check clearfix fl">
                                    <input type="checkbox" id="checkOrCancelAll1"
                                           onclick="CommodityCollectcheckAll(this)"><label
                                        for="checkOrCancelAll1">全选</label>
                                </div>
                                <div class="member-check clearfix fr">
                                    <a href="javascript:btn_delCheckedCommodityCollect();" class="member-delete"
                                       style="float:right;">移出收藏</a>
                                    <a href="javascript:btn_addCheckedCommodityCollectToCart();">加入购物车</a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div th:if="${commodityCollectComs}=='noCollect'">
                        <div style="text-align: center;font-size: 18px;margin:0 20px 40px 20px;">您还没有收藏商品或者商品已经下架了哦~</div>
                    </div>

                </div>


                <div class="member-return H-over" style="display:none;">
                    <div class="time-border-list pc-search-list member-all1 clearfix" style="padding:20px;">
                        <div th:if="${storeCollectExts}!='noCollect'">
                                <ul class="clearfix">
                                    <li style="padding:10px;text-align:center;"th:each="sc : ${storeCollectExts}">
                                            <div class="fl member-all1 member-all2"><input type="checkbox" th:id="${sc.storeCollectId}" class="csc"></div>
                                                <a th:href="@{/#}"><img
                                                        th:src="'/myFile/img/storeLogePic/'+${sc.logo}+''" width="120" height="130" title=""></a>
                                                <p style="padding:10px;"th:text="${sc.name}"></p>
                                                <p><a th:href="@{/#}" class="layui-btn layui-btn-primary">进入店铺</a></p>

                                    </li>
                                </ul>
                            <div class="member-troll clearfix"th:if="${commodityCollectComs}!='noCollect'">
                                <div class="member-check clearfix fr">
                                    <a th:href="'javascript:upPage(\'myCollect?'+'\','+${pageNum}+','+${pageSize}+')'"style="background:url(/myFile/imgold/icon/s-a3.png) no-repeat left;color:#ea4949;width:60px;height:26px">上一页</a>
                                    <span class="pc-search-t"><input type="text" style="width:50px;height:22px"id="inputpageNum1" th:value="${pageNum}"><em>&nbsp/</em><i th:text="${storePageCount}"></i></span>
                                    <a th:href="'javascript:toPage(\'myCollect?'+'\','+${pageNum}+','+${pageSize}+','+${storePageCount}+',\'inputpageNum1\')'"style="color:#005aa0;background:#fff;border:1px solid #cccccc;width:60px;height:26px;">go</a>
                                    <a th:href="'javascript:nextPage(\'myCollect?'+'\','+${pageNum}+','+${pageSize}+','+${storePageCount}+')'"style="background:url(/myFile/imgold/icon/s-a1.png) no-repeat right;color:#ea4949;width:60px;height:26px">下一页</a>
                                </div>
                            </div>
                                <div class="member-troll clearfix" style="border-bottom:none;">
                                    <div class="member-check clearfix fl">
                                        <input type="checkbox" id="checkOrCancelAll"
                                               onclick="storeCollectcheckAll(this)"><label
                                            for="checkOrCancelAll">全选</label>

                                    </div>
                                    <div class="member-check clearfix fr">
                                        <a href="javascript:btn_delCheckedStore();" class="member-delete" style="float:right;">移出收藏</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <div th:if="${storeCollectExts}=='noCollect'">
                      <div style="text-align: center;font-size: 18px;margin:0 20px 40px 20px;">您还没有收藏店铺或店铺已经下线了哦~</div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>
<!-- 商城快讯 End -->

<!--- footer begin-->
<div class="aui-footer-bot">
    <div class="time-lists aui-footer-pd clearfix">
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d2.png}"></span>
                <em>新手上路</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d3.png}"></span>
                <em>保障正品</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
    <div style="border-bottom:1px solid #dedede"></div>
    <div class="time-lists aui-footer-pd time-lists-ls clearfix">
        <div class="aui-footer-list clearfix">
            <h4>购物指南</h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">购物流程</a></li>
                <li><a th:href="@{/#}">会员介绍 </a></li>
                <li><a th:href="@{/#}">生活旅行</a></li>
                <li><a th:href="@{/#}"> 常见问题 </a></li>
                <li><a th:href="@{/#}"> 联系客服购物指南 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>特色服务</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>帮助中心</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>新手指导</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
</div>
<!-- footer End -->
</body>
</html>